import React from 'react';
import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';

interface ClipPathProps {
    id: string;
    children?: React.ReactNode; // 添加children支持
}

const LeftImage = (props: any) => {
    return (
        <Svg
            width="36.000000"
            height="36.000000"
            viewBox="0 0 36 36"
            fill="none"
            {...props}>
            <Defs>
                <ClipPath id="clip150_171651">
                    <Rect
                        id="backward_end_fill"
                        width="36.000000"
                        height="36.000000"
                        fill="transparent"
                        fillOpacity="0"
                    />
                </ClipPath>
            </Defs>
            <G clipPath="url(#clip150_171651)">
                <G style="mix-blend-mode:normal">
                    <Rect
                        id="矩形"
                        width="36.000000"
                        height="36.000000"
                        fill="transparent"
                        fill-opacity="0"
                    />
                    <Rect
                        id="矩形"
                        width="36.000000"
                        height="36.000000"
                        stroke="transparent"
                        stroke-opacity="0"
                        stroke-width="1.000000"
                    />
                    <Path
                        id="形状"
                        d="M13.23 15.74C12.8 16 12.5 16.36 12.33 16.82C12.16 17.28 12.16 17.73 12.33 18.19C12.5 18.64 12.8 19 13.23 19.27L26.19 26.76C26.65 27 27.11 27.07 27.58 26.97C28.05 26.88 28.44 26.64 28.77 26.27C29.09 25.9 29.25 25.46 29.25 24.96L29.25 10.02C29.25 9.51 29.09 9.08 28.77 8.72C28.44 8.36 28.04 8.13 27.56 8.04C27.08 7.94 26.62 8.01 26.19 8.25L13.23 15.74ZM7.51 26.07C7.92 26.07 8.26 25.93 8.55 25.64C8.84 25.35 8.98 24.99 8.98 24.56L8.98 10.27C8.98 9.86 8.84 9.51 8.55 9.21C8.26 8.91 7.92 8.76 7.51 8.76C7.1 8.76 6.75 8.91 6.44 9.21C6.15 9.51 6 9.86 6 10.27L6 24.56C6 24.99 6.15 25.35 6.44 25.64C6.75 25.93 7.1 26.07 7.51 26.07Z"
                        fill="#FFFFFF"
                        fill-opacity="0.858824"
                        fill-rule="nonzero"
                    />
                    <Path
                        id="形状"
                        d="M12.33 16.82C12.16 17.28 12.16 17.73 12.33 18.19C12.5 18.64 12.8 19 13.23 19.27L26.19 26.76C26.65 27 27.11 27.07 27.58 26.97C28.05 26.88 28.44 26.64 28.77 26.27C29.09 25.9 29.25 25.46 29.25 24.96L29.25 10.02C29.25 9.51 29.09 9.08 28.77 8.72C28.44 8.36 28.04 8.13 27.56 8.04C27.08 7.94 26.62 8.01 26.19 8.25L13.23 15.74C12.8 16 12.5 16.36 12.33 16.82ZM8.55 25.64C8.84 25.35 8.98 24.99 8.98 24.56L8.98 10.27C8.98 9.86 8.84 9.51 8.55 9.21C8.26 8.91 7.92 8.76 7.51 8.76C7.1 8.76 6.75 8.91 6.44 9.21C6.15 9.51 6 9.86 6 10.27L6 24.56C6 24.99 6.15 25.35 6.44 25.64C6.75 25.93 7.1 26.07 7.51 26.07C7.92 26.07 8.26 25.93 8.55 25.64Z"
                        stroke="#FFFFFF"
                        strokeOpacity="0"
                        strokeWidth="1.000000"
                    />
                </G>
            </G>
        </Svg>
    );
};
export default LeftImage;
